<template src="./${srffilepath2(view.name)}.html"/>
<script lang='tsx'>
import { Component } from 'vue-property-decorator';
import { VueLifeCycleProcessing } from '@/studio-core';
import { ${srfclassname(view.name)}Base } from './${srffilepath2(view.name)}-base';
<#if view.getPSControls()??>
<#list view.getPSControls() as ctrl>
<#if ctrl.getControlType?? && ctrl.getControlType() != 'TOOLBAR' && ctrl.getControlType() != 'CONTEXTMENU'>
<#if ctrl.getPSAppDataEntity?? && ctrl.getPSAppDataEntity()??>
import <#if ctrl.getControlType() == "PANEL">layout<#else>view</#if>_${ctrl.getName()} from '@widgets/${srffilepath2(ctrl.getPSAppDataEntity().getCodeName())}/${srffilepath2(ctrl.getCodeName())}-${ctrl.getControlType()?lower_case}/${srffilepath2(ctrl.getCodeName())}-${ctrl.getControlType()?lower_case}.vue';
<#else>
import view_${ctrl.getName()} from '@widgets/app/${srffilepath2(ctrl.getCodeName())}-${ctrl.getControlType()?lower_case}/${srffilepath2(ctrl.getCodeName())}-${ctrl.getControlType()?lower_case}.vue';
</#if>
</#if>
</#list>
</#if>

/**
 * ${view.getTitle()}视图
 *
 * @export
 * @class ${srfclassname(view.name)}
 * @extends {${srfclassname(view.name)}Base}
 */
@Component({
    components: {
    <#if view.getPSControls?? && view.getPSControls()??>
    <#list view.getPSControls() as ctrl>
    <#if ctrl.getControlType() != 'TOOLBAR' && ctrl.getControlType() != 'CONTEXTMENU'>
        <#if ctrl.getControlType() == "PANEL">layout<#else>view</#if>_${ctrl.getName()}, 
    </#if>
    </#list>
    </#if>
    }
})
@VueLifeCycleProcessing()
export default class ${srfclassname(view.name)} extends ${srfclassname(view.name)}Base { }
</script>
<#ibizinclude>
./VIEW-BASE.style.ftl
</#ibizinclude>